<!DOCTYPE html>
<html>
<head>
    {include file="public/head"}
    <style>
        .grids-icon i{font-size:26px;}

        .bring-detail li{
            display: flex;margin: 10px;background-color: #fff;
            padding: 10px 0;border-radius: 4px;
        }
        .bring-detail li .avatar{
            flex: 1;
        }
        .bring-detail li .avatar p{
            height: 60px;
            width: 60px;
            margin: 0 auto;
        }
        .bring-detail li .base{
            flex: 2;
        }
        .bring-detail li .base p{
            height: 20px;line-height: 20px;padding-left: 10px;overflow: hidden;
        }
        .bring-detail li .base p:last-child{
            color: #999;
        }
        .bring-detail li .money{
            flex: 1;text-align: center;
        }
        .bring-detail li .money p{
            height: 30px;line-height: 30px;overflow: hidden;
        }
        .bring-detail li .money p:first-child{
            color: #999;font-size: 14px;
        }
        .bring-detail li .money p:last-child{
            color: #f00;font-weight: 600;
        }
        .bring-detail img{
            width: 100%;height: 100%;border-radius: 4px;
        }
    </style>
</head>
<body>
<div class="g-flexview">
    <header class="m-navbar">
        <i class="back-ico"></i>
        <div class="navbar-center"><span class="navbar-title">旷工商城</span></div>
    </header>
    <!-- 使用：样式模块以按钮为例 -->
    <div class="g-scrollview">
        <ul class="bring-detail">
            {volist name="list" id="index"}
            <a href="/index/shop/workerDetail?id={$index.id}">
                <li>
                    <div class="avatar">
                        <p><img src="{$index.img}"></p>
                    </div>
                    <div class="base">
                        <p>{$index.name}</p>
                        <p>需：{$index.money}</p>
                        <p>产能：{$index.make}</p>
                    </div>
                    <div class="money">
                        <span href="javascript:;" class="btn btn-primary">购买</span>
                    </div>
                </li>
            </a>
            {/volist}
        </ul>
    </div>

    {include file="public/tabbar" shop="tabbar-active"}
</div>

{include file="public/js"}
<script>
    !function ($) {
        //
    }(jQuery);
</script>
</body>
</html>